@import "utilities/base";

html {
	height:100%;
}

body {
	font-family: sansationregular;
	height:100%;
}

h1 { font-size: 2em; font-family: espacioregular;}
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }

p {
	color:#222;
}

#header {
	@include box-sizing(border-box);
	padding:10px;
	background-color:rgba(52, 152, 219, 0.5);
	//background-color:rgba(255,0,0,0.5);
	color:$primary_font_color;
}

.main-wrapper {
	height:100%;
}

#content {
	padding:10px;
	@include box-sizing(border-box);
}



#main-nav {
	
	ul {
		
		
		
		li {
			
			@extend .floatRight;
			padding-right:5px;
			margin-right:5px;
			a {

				@include border-radius(4px, 4px);
				color:$primary_font_color;
				text-decoration:none;
				padding:10px;

			}

		}

	}

}


.im-banner {
	background:url(#{$assets_path}imbanner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	width:100%;
	@include background-size(cover);
}

#footer {
	@include box-sizing(border-box);
	@include pos-fix(auto, auto, 0px, auto);
	color:$primary_font_color;
	width:100%;
	background-color:rgba(231, 76, 60, 0.5);
	padding: 10px;
	text-align:center;	
}

.comment_container {
	background-color:#7f8c8d;
	@include box-sizing(border-box);
	@include border-radius(5px);
	padding: 5px;
	margin-bottom:5px;
	color:$primary_font_color;

	button.delete {
		@include border-radius(2px, 2px);
		border:none;
		background:none;
		color:#fff;
		cursor:pointer;

	}

}

#submit, #login {
	background-color:#2ecc71;
	border:none;
	color:#fff;
	padding:5px;
	@include border-radius(5px);
}


.user-avatar-wrapper {
	@include box-sizing(border-box);
	width:100%;
	height:200px;
	background-color:#1abc9c;
	text-align: center;
	padding:5px;
	
	i.fa-user {
		color: $primary_font_color;
	}
}

.user-data-wrapper {
	ul {
		li {
			@extend .dataEllip;
			@include box-sizing(border-box);
			padding:5px;
			background-color:rgb(232, 232, 232);
			border-bottom: 1px solid #ccc;
		}
	}
}

.input_error {
	@include border-radius(3px);
	margin: 5px 0px 5px 0px;
	color:#ffffff;
	background-color:red;
	padding:2px;
}

.ratingStarGreen {
	color:#00be04;
}

.ratingLove {
	color:#e74c3c;
}


.recipe-details {
	line-height:25px;
}

.activate-wrapper {
	@include border-radius(3px);
	padding:10px;
	background-color:$white_color;

}

.positive {
	background-color:#2ecc71;
}


#menu-create-recipe {
	li {
		padding:0px !important;
		a {
			@include box-sizing(border-box);
			color: $primary_font_color;
			text-decoration:none;
			padding:10px;
			display:block;
		}
	}
}